Everything around colors

Specify the color value your are interested in:

Color

Enter the color you want to view, e.g. "#ff8000", "rgb 255,128,0", "hsl 260,0.5,0.5", "hsl 200,50%,50%", "hsv 300,0.4,0.5", "cmyk 20%,20%,10%,0%", ...

Color Information

Overview of the most important information about your selected color.

#cb2027
rgb(203, 32, 39)

hex :	#cb2027
rgb :	rgb(203, 32, 39)
hsl :	hsl(357.544, 72.8%, 46.1%)

Name :	Amaranth
HEX :	#CB2027
RGB :	203, 32, 39
HSL :	357.544, 0.728, 0.461
HSL % :	357.544, 72.8, 46.1
HSV :	357.544, 0.843, 0.797
HSV % :	357.544, 84.3, 79.7
CMY :	0.204, 0.875, 0.847
CMYK % :	0%, 84.2%, 80.8%, 20.4%
XYZ :	25.511, 13.876, 3.253
CIELAB :	44.055, 63.671, 41.483

Complementary Color

The complementary color is the color on the other side of the color wheel.

#20cbc3
rgb(32, 203, 195)

Analogous Color Scheme

The analogous color scheme uses colors which are next to the main color on the color wheel. In this case the analogous colors are 30° right and left of the main color.

#cb207e
rgb(203, 32, 126)

#cb2027
rgb(203, 32, 39)

#cb6d20
rgb(203, 109, 32)

Analogous Color Scheme (Close)

The close analogous color scheme uses colors which are close to the main color on the color wheel. In this case the analogous colors are 15° right and left of the main color.

#cb2053
rgb(203, 32, 83)

#cb2027
rgb(203, 32, 39)

#cb4220
rgb(203, 66, 32)

Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.

#cb2027
rgb(203, 32, 39)

#29cb20
rgb(41, 203, 32)

#2029cb
rgb(32, 41, 203)

Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.

#cb2027
rgb(203, 32, 39)

#29cb20
rgb(41, 203, 32)

#2029cb
rgb(32, 41, 203)

Split Complementary

The split complementary color scheme uses two additional colors which are close to the complementary color.

#cb2027
rgb(203, 32, 39)

#20cb6d
rgb(32, 203, 109)

#207ecb
rgb(32, 126, 203)

Tetradic Color Scheme

The tetradic color scheme distributes four colors on the color wheel. In this case the creation of the rectangle to distribute the colors is based on the golden ratio.

#cb2027
rgb(203, 32, 39)

#20cb48
rgb(32, 203, 72)

#20cbc3
rgb(32, 203, 195)

#cb20a3
rgb(203, 32, 163)

Tetradic Color Scheme Left

Basically the same scheme as before - just turning the rectangle the other way around.

#cb2027
rgb(203, 32, 39)

#cb9220
rgb(203, 146, 32)

#20cbc3
rgb(32, 203, 195)

#2059cb
rgb(32, 89, 203)

Square Color Scheme

The square color scheme distributes four color equally on the color wheel.

#cb2027
rgb(203, 32, 39)

#7ecb20
rgb(126, 203, 32)

#20cbc3
rgb(32, 203, 195)

#6d20cb
rgb(109, 32, 203)

Five Color Scheme

This color scheme distributes 5 colors equally on the color wheel. Therefore each color is 72° away from the next one.

#cb2027
rgb(203, 32, 39)

#b1cb20
rgb(177, 203, 32)

#20cb5c
rgb(32, 203, 92)

#206dcb
rgb(32, 109, 203)

#a020cb
rgb(160, 32, 203)

Six Color Scheme

In this color scheme there are six colors equally distributed over the color wheel. Therefore each color is away 60° of the next one.

#cb2027
rgb(203, 32, 39)

#cbc320
rgb(203, 195, 32)

#29cb20
rgb(41, 203, 32)

#20cbc3
rgb(32, 203, 195)

#2029cb
rgb(32, 41, 203)

#c320cb
rgb(195, 32, 203)

Tints

Tints are created by increasing the luminance for each consecutive color until white is reached.

#cb2029 | rgb(203, 32, 41)

#df333c | rgb(223, 51, 60)

#e4555d | rgb(228, 85, 93)

#ea777d | rgb(234, 119, 125)

#ef999e | rgb(239, 153, 158)

#f4bbbe | rgb(244, 187, 190)

#fadddf | rgb(250, 221, 223)

#ffffff | rgb(255, 255, 255)

Shades

Shades are created by reducing the luminance of the color down to black.

#cb2029 | rgb(203, 32, 41)

#ae1b23 | rgb(174, 27, 35)

#91171d | rgb(145, 23, 29)

#741217 | rgb(116, 18, 23)

#570e11 | rgb(87, 14, 17)

#3a090c | rgb(58, 9, 12)

#1d0506 | rgb(29, 5, 6)

#000000 | rgb(0, 0, 0)

Desaturated Colors

Desaturated colors are created by reducing the saturation of the color until the color becomes gray.

#cb2029 | rgb(203, 32, 41)

#bf2c34 | rgb(191, 44, 52)

#b3383f | rgb(179, 56, 63)

#a6454a | rgb(166, 69, 74)

#9a5155 | rgb(154, 81, 85)

#8e5d60 | rgb(142, 93, 96)

#82696b | rgb(130, 105, 107)

#767676 | rgb(118, 118, 118)

Intense Colors

Intense colors are created by increasing the saturation of the color until the maximum saturation is reached.

#cb2029 | rgb(203, 32, 41)

#d01b24 | rgb(208, 27, 36)

#d41720 | rgb(212, 23, 32)

#d9121c | rgb(217, 18, 28)

#dd0e18 | rgb(221, 14, 24)

#e20914 | rgb(226, 9, 20)

#e70510 | rgb(231, 5, 16)

#eb000c | rgb(235, 0, 12)

convert-color-hues

convert-color-hues-explanation

#cb2029 | rgb(203, 32, 41) | hsl(356.842, 0.728,0.461)

#cb5920 | rgb(203, 89, 32) | hsl(20, 0.728,0.461)

#cb9820 | rgb(203, 152, 32) | hsl(42.105, 0.728,0.461)

#bdcb20 | rgb(189, 203, 32) | hsl(64.912, 0.728,0.461)

#7ecb20 | rgb(126, 203, 32) | hsl(87.018, 0.728,0.461)

#3dcb20 | rgb(61, 203, 32) | hsl(109.825, 0.728,0.461)

#20cb42 | rgb(32, 203, 66) | hsl(131.93, 0.728,0.461)

#20cb84 | rgb(32, 203, 132) | hsl(155.088, 0.728,0.461)

#20cbc3 | rgb(32, 203, 195) | hsl(177.193, 0.728,0.461)

#2092cb | rgb(32, 146, 203) | hsl(200, 0.728,0.461)

#2053cb | rgb(32, 83, 203) | hsl(222.105, 0.728,0.461)

#2e20cb | rgb(46, 32, 203) | hsl(244.912, 0.728,0.461)

#6d20cb | rgb(109, 32, 203) | hsl(267.018, 0.728,0.461)

#af20cb | rgb(175, 32, 203) | hsl(290.175, 0.728,0.461)

#cb20a9 | rgb(203, 32, 169) | hsl(311.93, 0.728,0.461)

#cb2067 | rgb(203, 32, 103) | hsl(335.088, 0.728,0.461)

Color Table

Showing the color table based on modified HSL values. Values are separated by comma(,).

H (0-360):
S (0-100):
L (0-100):
Select (x-y):

	Saturation: 52(-20)
	1	2	3	4	5
1	#1f3f66 rgb(31, 63, 102)	#541f66 rgb(84, 31, 102)	#661f23 rgb(102, 31, 35)	#5b661f rgb(91, 102, 31)	#1f6638 rgb(31, 102, 56)
2	#376fb4 rgb(55, 111, 180)	#9537b4 rgb(149, 55, 180)	#b4373e rgb(180, 55, 62)	#a1b437 rgb(161, 180, 55)	#37b463 rgb(55, 180, 99)
3	#7ba4d6 rgb(123, 164, 214)	#bf7bd6 rgb(191, 123, 214)	#d67b7f rgb(214, 123, 127)	#c9d67b rgb(201, 214, 123)	#7bd69b rgb(123, 214, 155)
	Saturation: 72(0)
	1	2	3	4	5
4	#123e73 rgb(18, 62, 115)	#5b1273 rgb(91, 18, 115)	#731217 rgb(115, 18, 23)	#647312 rgb(100, 115, 18)	#127334 rgb(18, 115, 52)
5	#206dcb rgb(32, 109, 203)	#a020cb rgb(160, 32, 203)	#cb2029 rgb(203, 32, 41)	#b1cb20 rgb(177, 203, 32)	#20cb5c rgb(32, 203, 92)
6	#6aa2e7 rgb(106, 162, 231)	#c86ae7 rgb(200, 106, 231)	#e76a70 rgb(231, 106, 112)	#d5e76a rgb(213, 231, 106)	#6ae796 rgb(106, 231, 150)
	Saturation: 92(+20)
	1	2	3	4	5
7	#053c80 rgb(5, 60, 128)	#610580 rgb(97, 5, 128)	#80050b rgb(128, 5, 11)	#6e8005 rgb(110, 128, 5)	#058030 rgb(5, 128, 48)
8	#086be3 rgb(8, 107, 227)	#ac08e3 rgb(172, 8, 227)	#e30813 rgb(227, 8, 19)	#c2e308 rgb(194, 227, 8)	#08e355 rgb(8, 227, 85)
9	#58a1f9 rgb(88, 161, 249)	#d158f9 rgb(209, 88, 249)	#f95860 rgb(249, 88, 96)	#e1f958 rgb(225, 249, 88)	#58f990 rgb(88, 249, 144)

Selected Colors

#376fb4
rgb(55, 111, 180)

#b4373e
rgb(180, 55, 62)

Color Information and Schemes in the URL

The idea and reason of this page is getting color information. Fast and simple. Therefore I created it in a way that you can specify the color you are interested in directly in the URL.\n\nSome example how colors can be specified in the URL:\nSpecifying a hex value. Make sure to remove the # sign:\nhttps://www.ceylon-online.com/color/ff8000 \n\nDirectly specify an RGB code:\nhttps://www.ceylon-online.com/color/rgb(255,128,0)\n\nDirectly specify an HSL value:\nhttps://www.ceylon-online.com/color/hsl(100,0.3,0.3)\n\nOr specify the HSL values as percentages:\nhttps://www.ceylon-online.com/color/hsl(100,30,30)

Full URL:
https://www.ceylon-online.com/color/rgb(203, 32, 39)//?hues=&sats=&lums=&sel=

Facebook Google+ Xing Twitter